$gray: #b0b0b0;
$blue: #2577e3;
header {
	    box-shadow: 0px 2px 3px #ddd;
}
.main {
	.blue {
		color: #2577e3;
	}
	margin-top: 60px;
		.wrap {
		overflow: hidden;
		>p {
			color: #898989;
			a {
				color: #898989;
				&:last-of-type {
					color: #000;
				}
			}
			>a + a:before {
				color: #898989;
				content: '>';
				padding: 0 5px;
			}
		}	
		.main-left {
			border: 1px solid #dadbdb;
			float: left;
			margin-top: 20px;
			font-size: 20px;
			width: 255px;
			li {
				height: 45px;
				padding-left: 18px;
				line-height: 45px;
				a {
					text-decoration: none;
				}
				&.active {
					a {
						color: #fff;
					}
					background: #2577e3;
				}
				&:first-of-type {
					color: #fff;
					background: #b0b0b1;
				}
			}
		}
		>.tab-content {
			margin-top: 20px;
			float: right;
			width: 910px;
			padding-bottom: 40px;
			.tab-pane {
				border: 1px solid #e0e0e0;
				padding-bottom: 40px;
				overflow: hidden;
				h3 {
					height: 45px;
					font-size: 18px;
					color: white;
					padding-left: 10px;
					line-height: 45px;
					background: $gray;
				}
				table th {
					color: #707070;
				}
				.search-list {
					padding: 20px 10px;
					table {
						thead {
							background: #d7d7d7;
							height: 32px;
							line-height: 32px;
							color: #707070;
							font-size: 14px;
							th {
								padding-left: 3px;
							}
						}
						tbody {
							tr{
								border-bottom: 1px dashed #e6e6e6;
								td {
									vertical-align: top;
									padding: 25px 5px 20px 5px;
								}
								td:nth-of-type(2){
									padding-right: 40px;
								}
							}
						}
					}
				}
				.info-contain {
					padding: 47px 49px;
					li{
						margin-bottom: 26px;
						font-size: 18px;
						span {
							color: #888888;
						}
					}
				}
			}
			#orderDetail {
				border: none;
				.order-search {
					border: 1px solid #e0e0e0;
					tbody {
						tr {border-bottom: none}
					}
				}
				.order-detail {
					margin-top: 18px;
					border: 1px solid #e0e0e0;
					h3 {
						background: #858585;
					}
					fieldset {
						padding: 25px 18px;
						border-bottom: 1px solid #b7b7b7	;
						ul {
							li {
								margin-bottom: 20px;
								span {
									margin-right: 80px;
								}
								i {
									color: #2577e3;
								}
								&:first-of-type {
									span {
										margin-right: 52px;
									}
								}
							}
						}
					}
					fieldset.fly-info, .hotel-info {
						table {
							margin-left: 44px;
							display: inline-block;
							vertical-align: top;
							width: 720px;
							tbody {
								tr {
									height: 45px;
								}
							}
						}
					}
					fieldset.user-info {
						ol {
							display: inline-block;
							vertical-align: top;
							margin-left: 28px;
							li {
								float: left;
								margin-right:45px;
								span {color: #707070}
							}
						}
					}
				}
			}
			#memberCenter {
				div.left-score {
					height: 113px;
					background: #eeeeee;
					display: table;
					width: 100%;
					>div {
						display: table-cell; vertical-align:middle; text-align:center;
						font-size: 24px;
						span {
							color: $blue ;
						}
					}
				}
				div.score-panels {
					text-align: center;
					>div {
						padding-top: 30px;
						border-bottom: 1px solid #a3a3a3;
						ul {
							overflow: hidden;
							vertical-align: top;
							display: inline-block;
							margin: 0 auto;
						}
					}
					li {
						width: 220px;
						height: 45px;
						line-height: 45px;
						float: left;
						background: #c9c9c9;
						font-size: 18px;
						a {
							color: #fff;
							}
						&.active {
							background: $blue
						}
					}
				}
				div.tab-content {
					padding-top: 30px;
					.tab-pane {
						padding-bottom: 0;
						border: none;
					}
					table {
						width: 100%;
						thead {
							tr:first-of-type {
							background: #cccccc;
							th {
								height: 35px;
								font-size: 16px;
								text-align: center;
								color: black;
							}
							th:first-of-type {
								width: 24%;
							}
							th:last-of-type {
								width: 20%;
							}
							}
						}
						tbody {
							tr {
							height: 32px;
							&:first-of-type {
								td {
									height: 50px;
									padding-top:20px;
								}	
							}
							td {
								text-align: center;
							}
						}
						}
						
					}
					.paginations {
						float: none;
						width: 300px;
						margin: 30px auto 0;
					}
				}
			}
		}
	}
	
}